<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>订单记录管理</title>
<meta name="decorator" content="default" />
<link rel="stylesheet"
	href="https://preview.pro.ant.design/vendors.chunk.css" />
<style>
table {
	width: 100%;
	line-height: 28px;
	color: #666666;
	padding-left: 15px;
	margin-top: 10px;
}

.title {
	font-size: 13px;
}

td {
	border-bottom: 1px #EEEEEE dashed;
}

.context {
	font-size: 12px;
	color: #999999;
}

.antd-pro-pages-profile-basic-profile-title {
	color: rgba(0, 0, 0, .85);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 16px;
}
</style>
<script type="text/javascript"
	src="${ctxStatic}/jiujiudevice/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {

})

Date.prototype.Format = function(fmt) { //author: meizz 
	var o = {
		"M+" : this.getMonth() + 1, //月份 
		"d+" : this.getDate(), //日 
		"h+" : this.getHours(), //小时 
		"m+" : this.getMinutes(), //分 
		"s+" : this.getSeconds(), //秒 
		"q+" : Math.floor((this.getMonth() + 3) / 3), //季度 
		"S" : this.getMilliseconds()
	//毫秒 
	};
	if (/(y+)/.test(fmt))
		fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "")
				.substr(4 - RegExp.$1.length));
	for ( var k in o)
		if (new RegExp("(" + k + ")").test(fmt))
			fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k])
					: (("00" + o[k]).substr(("" + o[k]).length)));
	return fmt;
}
function getLocalTime(nS) {
	var date = new Date(nS);
	return date.Format("hh:mm:ss", date);
}

function toDecimal2(x) {
	var f = parseFloat(x);
	if (isNaN(f)) {
		return false;
	}
	var f = Math.round(x * 100) / 100;
	var s = f.toString();
	var rs = s.indexOf('.');
	if (rs < 0) {
		rs = s.length;
		s += '.';
	}
	while (s.length <= rs + 2) {
		s += '0';
	}
	return s;
}
function page(n, s) {
	$("#pageNo").val(n);
	$("#pageSize").val(s);
	$("#searchForm").submit();
	return false;
}
</script>
</head>
<body>
	<ul class="nav nav-tabs">
		<li class="active"><a href="${ctx}/jiujiudevice/jiuOrderRecord/">订单记录列表</a></li>
<%-- 		<shiro:hasPermission name="jiujiudevice:jiuOrderRecord:edit"><li><a href="${ctx}/jiujiudevice/jiuOrderRecord/form">订单记录添加</a></li></shiro:hasPermission>
--%>
</ul>
<form:form id="searchForm" modelAttribute="jiuOrderRecord"
	action="${ctx}/jiujiudevice/jiuOrderRecord/" method="post"
class="breadcrumb form-search">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}" />
<input id="pageSize" name="pageSize" type="hidden"
	value="${page.pageSize}" />
<label>订单号：</label>
<form:input path="orderNo" htmlEscape="false" maxlength="50"
	class="input-medium" />
&nbsp;
<label>公司名称：</label>
		<form:input path="companyName" htmlEscape="false" maxlength="50"
class="input-medium" />
&nbsp;
<label>设备SN：</label>
		<form:input path="deviceSn" htmlEscape="false" maxlength="50"
class="input-medium" />
&nbsp;
<label>会员手机号：</label>
		<form:input path="memberMobile" htmlEscape="false" maxlength="50"
class="input-medium" />
		<br>
		<br>
&nbsp;
<label>支付状态： </label>
		<select name="status" style="width: 100px;">
			<option value="" selected="selected">--- 状态 ---</option>
			<option value="0">未支付</option>
			<option value="1">已支付</option>
			<option value="2">已退款</option>
		</select>
&nbsp;
	<label>删除状态： </label>
		<select name="delFlag" style="width: 100px;">
			<option value="" selected="selected">--- 状态 ---</option>
			<option value="0">未删除</option>
			<option value="1">已删除</option>
		</select>		
&nbsp;
<input id="btnSubmit" class="btn btn-primary" type="submit" value="查询" />
	</form:form>
<tags:message content="${message}" />
<table id="contentTable" class="table table-striped table-bordered ">
	<thead>
		<tr>
			<th>订单号</th>
			<th>公司名称</th>
			<th>设备SN</th>
			<th>设备名称</th>
			<th>会员手机号</th>
			<th>消费总额</th>
			<th>支付状态</th>
			<th>是否删除</th>
			<th>创建时间</th>
			<shiro:hasPermission name="jiujiudevice:jiuOrderRecord:edit">
<th>操作</th>
</shiro:hasPermission>
	</tr>
</thead>
<tbody>
	<c:forEach items="${page.list}" var="jiuOrderRecord">
<tr>
	<td>${ jiuOrderRecord.orderNo}</td>
<td><a
	href="${ctx}/jiujiudevice/jiuCompany/form?id=${jiuOrderRecord.companyId}">${jiuOrderRecord.companyName}</a></td>
<td>${ jiuOrderRecord.deviceSn}</td>
<td>${ jiuOrderRecord.deviceName}</td>
<%--  <td>
  <fmt:formatDate value="${ jiuOrderRecord.beginTime }" type="both"/> 
</td>
   <td>
  <fmt:formatDate value="${ jiuOrderRecord.endTime}" type="both"/> 
</td> --%>
<td>${ jiuOrderRecord.memberMobile}</td>

<td>
<c:if test="${empty jiuOrderRecord.amount}">
未支付
</c:if> 
<c:if test="${not empty jiuOrderRecord.amount}">
${jiuOrderRecord.amount }元
</c:if></td>
<td>${jiuOrderRecord.status == 0 ? "未支付" : "已支付"}</td>
<%--    <td>
  <fmt:formatDate value="${ jiuOrderRecord.payTime}" type="both"/> 
</td> --%>
<td>${jiuOrderRecord.delFlag == 0 ? "未删除" : "已删除" }</td>
<td><fmt:formatDate value="${ jiuOrderRecord.createTime}"
type="both" /></td>
<shiro:hasPermission name="jiujiudevice:jiuOrderRecord:edit">
<td style="width: 200px;"><a class="btn btn-warning" href="#"
data-toggle="modal" data-target="#myOrder_${jiuOrderRecord.id}">查看订单明细</a>
<a class="btn btn-success" href="#" data-toggle="modal"
data-target="#myOrderLog_${jiuOrderRecord.jiuOrderLog.id}">查看设备明细</a></td>
</shiro:hasPermission>
</tr>
<!-- 订单明细  开始-->
<div id="myOrder_${jiuOrderRecord.id}" class="modal hide fade"
tabindex="-1" style="width: 900px; margin-left: -500px;"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
		aria-hidden="true">×</button>
	<h3 id="myModalLabel">订单明细</h3>
</div>

<div class="modal-body">
	<h6>订单详情</h6>
	<section class="gray-div">
		<div
			style="background: #FFFFFF; text-align: left; color: #666666;">
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">订单号：${jiuOrderRecord.orderNo}</p>
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">会员编号：${jiuOrderRecord.jiuWechatMember.number}</p>
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">会员OpenId：${jiuOrderRecord.memberOpenId}</p>
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">会员手机号：${jiuOrderRecord.memberMobile}</p>

<c:if test="${not empty jiuOrderRecord.amount}">
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">
消费总金额：${jiuOrderRecord.amount}元
</p>
</c:if>

	
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">支付状态：${jiuOrderRecord.status == 0 ? "未支付" : "已支付" }</p>
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">
订单创建时间：
<fmt:formatDate value="${jiuOrderRecord.createTime}"
type="both" pattern="yyyy-MM-dd HH:mm:ss" />
		</p>
	</div>
</section>
<h6>支付详情</h6>
<section class="gray-div">
	<div
		style="background: #FFFFFF; text-align: left; color: #666666;">
<p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">
订单支付时间：
<c:if test="${empty jiuOrderRecord.payTime}">
 未支付
</c:if>
<c:if test="${not empty jiuOrderRecord.payTime}">
<fmt:formatDate value="${jiuOrderRecord.payTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss" />
</c:if>

</p>
<%-- <p style="font-size: 14px; padding: 10px 10px 2.5px 10px;">订单支付信息：【${jiuOrderRecord.errorCode}】-
${jiuOrderRecord.errorMessage}</p> --%>
			</div>
		</section>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<!-- 订单明细  结束-->

<!-- 设备明细 开始 -->
<div id="myOrderLog_${jiuOrderRecord.jiuOrderLog.id}"
class="modal hide fade" tabindex="-1"
style="width: 1200px; margin-left: -600px;" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
		aria-hidden="true">×</button>
	<h3 id="myModalLabel">设备明细</h3>
</div>

<div class="modal-body">
	<div
		class="ant-card ant-card-wider-padding ant-card-padding-transition">
		<div>
			<!-- 设备明细开始 -->
<div
	class="antd-pro-components-description-list-index-descriptionList antd-pro-components-description-list-index-large"
	style="margin-bottom: 32px;">
<div class="antd-pro-components-description-list-index-title">设备详情</div>
<div class="ant-row"
	style="margin-left: -16px; margin-right: -16px;">
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">公司名称</div>
<div
	class="antd-pro-components-description-list-index-detail">${jiuOrderRecord.companyName}</div>
</div>
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备SN</div>
<div
	class="antd-pro-components-description-list-index-detail">${jiuOrderRecord.deviceSn}</div>
</div>
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备名称</div>
<div
	class="antd-pro-components-description-list-index-detail">${jiuOrderRecord.deviceName}</div>
</div>
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备使用单价</div>
<div
	class="antd-pro-components-description-list-index-detail">${jiuOrderRecord.jiuOrderLog.devicePrice}</div>
</div>
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备开始使用时间</div>
<div
	class="antd-pro-components-description-list-index-detail">
	<fmt:formatDate value="${jiuOrderRecord.beginTime}"
type="both" pattern="yyyy-MM-dd HH:mm:ss" />
	</div>
</div>

<c:if test="${not empty jiuOrderRecord.endTime}">
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备结束使用时间</div>
<div
	class="antd-pro-components-description-list-index-detail">
	<fmt:formatDate value="${jiuOrderRecord.endTime}"
type="both" pattern="yyyy-MM-dd HH:mm:ss" />
	</div>
</div>

<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备使用时长</div>
<div
	class="antd-pro-components-description-list-index-detail">${jiuOrderRecord.jiuOrderLog.deviceUseTimeStr }</div>
</div>
<div class="ant-col-xs-24 ant-col-sm-12 ant-col-md-8"
	style="padding-left: 16px; padding-right: 16px;">
<div class="antd-pro-components-description-list-index-term">设备消费金额</div>
<div
	class="antd-pro-components-description-list-index-detail">${jiuOrderRecord.jiuOrderLog.deviceAmount }元</div>
		</div>
</c:if>


	</div>
</div>


<!-- 设备明细结束-->

<!-- 自定义消费详情开始 -->	
<div id="zidingyidiv_${jiuOrderRecord.jiuOrderLog.id}">

</div>	
<!-- 自定义消费详情结束-->

<!-- 墨盒明细开始 -->
<div id="ink_${jiuOrderRecord.jiuOrderLog.id}">
<!-- 拼接内容 -->
</div>
<!-- 墨盒明细结束 -->

<!-- 设备具体使用情况开始 -->
<c:if test="${not empty jiuOrderRecord.endTime}">
<div style="position: relative;" id="buttonshow_${jiuOrderRecord.jiuOrderLog.id}">
<button type="button"
	id="show_${jiuOrderRecord.jiuOrderLog.id}"
style="top: 0px; position: absolute; right: 10px;"
class="btn btn-primary">
		<span>查看墨盒具体使用</span>
	</button>
</div>
</c:if>
<div class="ant-divider ant-divider-horizontal"
	style="margin-bottom: 32px; margin-top: 82px;"></div>
<!-- 设备具体使用情况结束 -->
<div class="ant-table-wrapper" style="margin-bottom: 24px;">
<div class="ant-spin-nested-loading">
	<div class="ant-spin-container">
		<div
			class="ant-table ant-table-default ant-table-scroll-position-left">
			<div class="ant-table-content">
				<div class="ant-table-body"
					id="detail_${jiuOrderRecord.jiuOrderLog.id}">

<!-- 拼接内容 -->
					</div>
				</div>
			</div>
		</div>

	</div>
</div>
<!--  -->
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
	</div>
</div>
<!-- 设备明细结束 -->

<script type="text/javascript">
//遍历各路墨盒使用情况									
var show = JSON
		.parse('${jiuOrderRecord.jiuOrderLog.inkMessage}');
var total = '${jiuOrderRecord.jiuOrderLog.inkMoney}';

if (show.length > 0) {
	var s = '<div class="ant-divider ant-divider-horizontal" style="margin-bottom: 32px;"></div><div class="antd-pro-pages-profile-basic-profile-title">墨盒详情</div>';
	s +='<div class="ant-table-wrapper " style="margin-bottom: 24px;"><div class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-default ant-table-scroll-position-left"><div class="ant-table-content"><div class="ant-table-body"><table class=""><colgroup><col><col><col><col><col><col></colgroup>';
	//拼接thead
	var thead = '<thead class="ant-table-thead">';

	//拼接thbody
	var thbody = '<tbody class="ant-table-tbody">';
	//拼接单价
	var thbodyprice = '<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234561">';
	//拼接重量
	var thbodyvalue = '<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234562">';
	//拼接金额
	var thbodymoney = '<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234563">';

	$.each(show, function(index, n) {
		thead += '<th class=""><div>第' + n.id + '路【'
				+ n.flag + '】<div></th>';
		thbodyprice += '<td class="">单价:' + n.price
				+ '元</td>';
		thbodyvalue += '<td class="">使用重量:' + n.useValue
				+ ' g</td>';
		thbodymoney += '<td class="">消费金额:' + n.useMoney
				+ ' 元</td>';
	})
	thbodyprice += '</tr>';
	thbodyvalue += '</tr>';
	thbodymoney += '</tr>';
	thbody += thbodyprice + thbodyvalue + thbodymoney;
	thbody += '<tr class="ant-table-row ant-table-row-level-0" data-row-key="总计"><td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;">墨盒消费金额</span></td><td class="" style="text-align: right;"><span style="font-weight: 600;">'
			+ total + '元</span></td></tr></tbody>';
	thead += '</tr></thead>';

	var all = thead + thbody;
	s += all;
	s += "</table></div></div></div></div></div></div>";

	$("#ink_${jiuOrderRecord.jiuOrderLog.id}").append(s);
}else{
	$("#buttonshow_${jiuOrderRecord.jiuOrderLog.id}").hide();
	$("#buttonshow_${jiuOrderRecord.jiuOrderLog.id}").next().hide();
}


//绑定单机事件
$("#show_${jiuOrderRecord.jiuOrderLog.id}")
		.click(
				function() {
					var sn = "${jiuOrderRecord.deviceSn}";
					var orderNo = "${jiuOrderRecord.orderNo}";
     $.ajax({
			url : '${ctxFront}/jiujiudevice/fenduanData',
			type : 'POST',
			data : {
				sn : sn,
				orderNo : orderNo
			},
			success : function(data) {
				var useState = '';
				var json = JSON
						.parse(data);
				if (json.r) {
					useState = '<div class="antd-pro-pages-profile-basic-profile-title">设备具体使用情况</div><table class="">';
					//thead
					var thead = '<thead class="ant-table-thead"><tr><th colspan="2"><div>时间</div></th><th class=""><div>状态 </div></th><th colspan="5" class=""><div>墨盒数据</div></th></tr></thead>';
					//thbody的数据
					var thbody = '<tbody class="ant-table-tbody">';
					for (var i = 0; i < json.l.length; i++) {
					//thbody前8路的数据
					var thbodypre = '';
					//thobody八路的合计
					var thbodyheji = '';
					//八路的总计
					var thbodyzong = '';
						//八路的数据
						var dataList = json.l[i].datalist;
						$.each(dataList,function(index,items) {
											var inkStatus = items.inkStatus;
											var snm = '';
											if (inkStatus == 0) {
												snm = '使用';
											} else {
												snm = '加墨';
											}

											var inkMessage = JSON.parse(items.inkMessage);

											//拼接各八路的数据
											var inkm = '';
											//前4条
											var inkmprefour = '';
											//后四条
											var inkmendfour = '';
											$.each(inkMessage,function(index,item) {
															if (index <= 3) {
																	inkmprefour += '【第'
																			+ item.id
																			+ '路 ['
																			+ item.flag
																			+ '] - 单价'+item.price+'元-起始重量'
																			+ item.preValue
																			+ ' g-当前重量'+item.value+'g-使用重量'+item.useValue+'g】';
																}

																if (index > 3) {
																	inkmendfour += '【第'
																		+ item.id
																		+ '路 ['
																		+ item.flag
																		+ '] - 单价'+item.price+'元-起始重量'
																		+ item.preValue
																		+ ' g-当前重量'+item.value+'g-使用重量'+item.useValue+'g】';
																}
											});	
											inkm += inkmprefour
													+ '<br>'
													+ inkmendfour;
											if(inkStatus == 0){
											thbodypre += '<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234561"><td class="" colspan="2">'
													+ getLocalTime(items.createTime)
													+ '</td><td class="">'
													+ snm
													+ '</td><td colspan="5">'
													+ inkm
													+ '</td></tr>';
											}else{
											//加墨中
											 thbodypre += '<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;"></span></td>';
							                 thbodypre += '<td class="" style="text-align: right;"><span style="font-weight: 600;"></span></td>'     
											 thbodypre += '<tr class="ant-table-row ant-table-row-level-0" data-row-key="1234561"><td class="" colspan="2">'
													+ getLocalTime(items.createTime)
													+ '</td><td class="">'
													+ snm
													+ '</td><td colspan="5"></td></tr>';
							                 thbodypre += '<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;"></span></td>';
											}	
											if(inkStatus == 0){
												//八路的各个合计
												var rountList = json.l[i].routeList;
												if (rountList != "undefined" && rountList != null) {
													thbodyheji += '<tr class="ant-table-row ant-table-row-level-0" style="background: rgba(7,192,217,0.1);">';
													$.each(rountList,function(index,n) {
																		thbodyheji += '<td class="" style="width:12.5%;">'+
																				(index + 1)
																				+ '路合计<p>'
																				+ n
																				+ "元</p></td>";
																	});
													thbodyheji+= '</tr>';
												}
												var useMoney = json.l[i].submoney;
												thbodyzong += '<tr class="ant-table-row ant-table-row-level-0" data-row-key="总计">';
												if (isNaN(useMoney)) {
												    thbodyzong += '<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;"></span></td>';
													thbodyzong += '<td class="" style="text-align: right;"><span style="font-weight: 600;"></span></td>'
												} else {
												    thbodyzong += '<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;">共计</span></td>';
													thbodyzong += '<td class="" style="text-align: right;"><span style="font-weight: 600;">'
															+ useMoney
															+ '元</span></td>'
												}
											 }
												thbodyzong+='</tr>';
												thbody += thbodypre+ thbodyheji+ thbodyzong;
											
											
						});
						
				
					}
					useState += thead + thbody;
					
				 
					useState += '</tbody></table>';
				} else {
					useState = '<h6 style="font-size: 14px; padding: 10px 10px 2.5px 10px;color:grey;text-align:center;">当前没有具体记录</h6>';
				}
				$("#detail_${jiuOrderRecord.jiuOrderLog.id}").html(useState);
			}
		})
})

//自定义消费详情
 var jsonzidingyi = JSON.parse('${jiuOrderRecord.jiuOrderLog.otherMessage}');
 if(jsonzidingyi.length>0){
	 var zidingyistr ='<div class="ant-divider ant-divider-horizontal" style="margin-bottom: 32px;"></div><div class="antd-pro-pages-profile-basic-profile-title">自定义消费详情</div>';
	 zidingyistr += '<div class="ant-table-wrapper" style="margin-bottom: 24px;"><div class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-default ant-table-scroll-position-left"><div class="ant-table-content"><div class="ant-table-body">';
     zidingyistr += '<table class=""><colgroup><col><col><col><col><col><col></colgroup><tbody class="ant-table-tbody" id="zidingyi_${jiuOrderRecord.jiuOrderLog.id}">';
     //自定义消费
     var zidingyi = '';
     $.each(jsonzidingyi,function(index,n){
    	 zidingyi += '<tr class="ant-table-row ant-table-row-level-0" data-row-key="总计">';
    	 zidingyi += '<td class="" colspan="7"><span class="ant-table-row-indent indent-level-0" style="padding-left: 0px;"></span><span style="font-weight: 600;">'+n.name+'</span></td>';
         zidingyi += '<td class="" style="text-align: right;"><span style="font-weight: 600;">'+toDecimal2(n.value)+'元</span></td></tr>';
     })
     zidingyistr += zidingyi;
     zidingyistr += '</tbody></table></div></div></div></div></div></div>';
     $("#zidingyidiv_${jiuOrderRecord.jiuOrderLog.id}").html(zidingyistr);
 }
</script>
</c:forEach>
	</tbody>
</table>
<div class="pagination">${page}</div>
</body>
</html>
